/**
 * 画一条直线
 * @param {number} x1 
 * @param {number} y1 
 * @param {number} x2 
 * @param {number} y2 
 * @param {rgb()} color 
 * @param {number} width 
 */
export const line = function(ctx,x1, y1, x2, y2, color = 'black', width = 1) {
  ctx.beginPath()
  // 第四步：确定起点
  ctx.moveTo(x1, y1)
  // 第五步：确定终点
  ctx.lineTo(x2, y2)
  // 第六步：设置线条样式
  ctx.strokeStyle = color
  ctx.lineWidth = width
  // 第七步：着色
  ctx.stroke()
  // 第八步：关闭路径
  ctx.closePath()
}

// 画圆形
export const circle = function(ctx,x,y,r,color){
  ctx.beginPath()
  ctx.arc(x,y,r,0,Math.PI*2)
  ctx.save()
  ctx.fillStyle = color
  ctx.fill()
  ctx.restore()
  ctx.closePath()
}

// 画文本
export const textA = function (ctx,t,x,y,color){
  ctx.beginPath()
  ctx.save()
  ctx.font = '20px 楷体'
  ctx.textAlign = 'left'
  ctx.textBaseline = "middle"
  ctx.fillStyle = color
  ctx.fillText(t,x,y)
  ctx.restore()
  ctx.closePath()
}